<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>onclick单击事件</title>
    <script  type="text/javascript">
        function sayOk() {
          alert("点击了sayOk按钮");
        }


        //当页面加载完毕时，再进行动态绑定
        window.onload = function () {
          //动态注册 onclick事件
          //1.获取id="btn01"的button的 dom 对象
          //2.通过 dom 对象动态地绑定onclick事件
          //3. 通过document的 getElementById获取dom对象
          var btn01 = document.getElementById("btn01");
          alert(btn01);
          btn01.onclick = function() {
              alert("你点击了sayHi按钮");
          }
        }
    </script>
  </head>

  <body>
    <!--静态注册 onclick 事件-->
    <button onclick="sayOk()">sayOk按钮</button>
    <button id="btn01">sayHi按钮</button>
  </body>
</html>